<template>
  <div class="container">
    <!-- <Skeleton  :width="100" :height="30" bg="blue"/> -->
    <HomeCategory />
    <HomeBanner />
    <HomeNew />
    <HomeHot />
    <HomeProduct />
  </div>
</template>

<script>
// 导入左侧分类
import HomeCategory from './components/home-category.vue'
// 导入轮播图
import HomeBanner from './components/home-banner.vue'
// 导入新鲜好物
import HomeNew from './components/home-new.vue'
// 人气推荐
import HomeHot from './components/home-hot.vue'
// 产品区块
import HomeProduct from './components/home-product.vue'
export default {
  components: {
    HomeCategory,
    HomeBanner,
    HomeNew,
    HomeHot,
    HomeProduct
  },
  setup () {
    return {}
  }
}
</script>

<style lang="less" scoped>
// @import "~@/styles/variables.less";
.box {
  color: @xtxColor;
}
</style>
